<%--
  Created by IntelliJ IDEA.
  User: 周星星
  Date: 2021/10/8
  Time: 19:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>我的小橘</title>
    <link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/order/my_order.css" rel="stylesheet">
    <style>
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        .ui-table-list th {
            display: inline-block;
            font-size: 14px;
            margin-top: 30px;
            color: #666;
        }
        .ui-table-list td, .ui-table-list th {
            padding: 11px;
            text-align: left;
            color: #666;
        }
        .ui-table-list tr{
            display: inline-block;
            margin-left: 25px;
        }
        .ui-table-list td {
            display: inline-block;
            font-size: 12px;
        }
        .ui-table-list td>a{
            color: #23b7b7;
        }
        .row-first-cell{
            position: relative;
            left: 10px;
        }
        .row-second-cell{
            position: relative;
            left: 140px
        }
        .row-third-cell{
            position: relative;
            left: 180px;
        }
        .gray {
            color: #d4d4d4;
            margin-left: 850px;
            position: relative;
            top: -37px;
        }
    </style>
</head>
<body>
<div>${serverResponse}</div>
<!--=======================================1. 标题================================================-->
<div class="header">
    <div class="head-top">
        <div class="w1180 top-linkbox">
            <div class="top-left">
                <c:if test="${empty loginCustomer}">
                    <span><a class="size-color" href="${pageContext.request.contextPath}/customer/login.jsp" target="_top">登录</a></span>
                    <span>|</span>
                    <span><a class="size-color" href="${pageContext.request.contextPath}/customer/register.jsp">免费注册</a></span>
                    <span>|</span>
                    <span><a href="">我的小橘</a></span>
                </c:if>
                <c:if test="${!empty loginCustomer}">
                    欢迎${loginCustomer.custName}登录,
                    <a href="">退出</a>
                </c:if>
            </div>
            <div class="top-right">
                <span><a href="">帮助中心</a></span>
                <span>|</span>
                <span><a href="">网址导航</a></span>
                <span>|</span>
                <span><a href="">English</a></span>
                <span>|</span>
                <span>400-888-6608</span>
                <span>|</span>
                <span><a href="">微信</a></span>
            </div>
        </div>
    </div>
    <div class="head-bottom">
        <div class="w1180">
            <a href="" class="logo"></a>
            <div class="nav">
                <ul class="nav-wrap">
                    <li><a href="">首页</a></li>
                    <li><a href="">热门车型</a></li>
                    <li><a href="">车型查询</a></li>
                    <li><a href="">营业网点</a></li>
                    <li><a href="">政企服务</a></li>
                    <li><a href="">接送服务</a></li>
                    <li><a href="">精彩活动</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

    <!------------------------------------------2.banner--------------------------------------------->
    <div class="banner">
        <span>当前位置:</span>
        <span class="banner_myCar">我的小橘></span>
        <span>订单管理</span>
    </div>
    <!------------------------------------------2.当前位置main--------------------------------------------->
    <div id="content">
        <div class="content-bd">
            <div class="col-sub">
                <dl class="sub-nav">
                    <dt>我的订单</dt>
                    <dd><a href="" class="sub_nav_hover">订单管理</a></dd>
                    <dt>我的资产</dt>
                    <dd><a href="">账户余额</a></dd>
                    <dd><a href="" >我的优惠券</a></dd>
                    <dd><a href="">我的收藏</a></dd>
                    <dt>个人中心</dt>
                    <dd><a href="">用户信息</a></dd>
                    <dd><a href="">申请注销账户</a></dd>
                </dl>
            </div>

            <div class="col-main">
                <div class="orderdown">
                    <span class="orderdown_select">自驾订单</span>
                </div>

                <div class="mod J_TabSwitch order-list self-order">

                    <div class="hd clearfix">
                        <h2>自驾订单</h2>
                        <ul class="ui-tab-hd">
                            <li class="ck"><a href="${pageContext.request.contextPath}/my_order/${loginCustomer.custId}">全部订单</a></li>
                            <li><a class="submitBtn" href="${pageContext.request.contextPath}/my_order/${loginCustomer.custId}/1">进行中</a></li>
                            <li><a class="submitBtn"  href="${pageContext.request.contextPath}/my_order/${loginCustomer.custId}/0">已完成</a></li>
                            <li><a class="submitBtn" href="${pageContext.request.contextPath}/my_order/${loginCustomer.custId}/4">已取消</a></li>
                        </ul>
                    </div>

                    <div class="ui-table-list all"style="display: block;"><table >
                        <tbody><tr>
                            <th class="ui-table-list_number">订单编号</th>
                            <th class="ui-table-list_type">车型</th>
                            <th class="ui-table-list_getTime">取车时间</th>
                            <th class="ui-table-list_return">还车时间</th>
                            <th class="ui-table-list_status">订单状态</th>
                        </tr>
                        <tr>
                            <c:forEach var="myOrderCar" items="${serverResponse.data}">
                                <td > <a href="">${myOrderCar.myOrder.myOrderNumber}</a></td>
                                <td class="row-first-cell">
                                    ${myOrderCar.car.carName}/${myOrderCar.car.carType}/${myOrderCar.car.carShiftType} /${myOrderCar.car.carDisplacement}
                                </td >
                                <td class="row-second-cell">
                                    <fmt:formatDate value="${myOrderCar.myOrder.getCarTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
                                </td>
                                <td class="row-third-cell">
                                    <fmt:formatDate value="${myOrderCar.myOrder.returnCarTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
                                </td>
                                <td>
                                    <c:if test="${myOrderCar.myOrder.status==0}">
                                        <span class="gray">已完成</span>
                                    </c:if>

                                    <c:if test="${myOrderCar.myOrder.status==1}">
                                        <span class="gray">进行中</span>
                                    </c:if>
                                    <c:if test="${myOrderCar.myOrder.status==2}">
                                        <span class="gray">已支付</span>
                                    </c:if>

                                    <c:if test="${myOrderCar.myOrder.status==3}">
                                        <span class="gray">待支付</span>
                                    </c:if>

                                    <c:if test="${myOrderCar.myOrder.status==4}">
                                        <span class="gray">已取消</span>
                                    </c:if>

                                </td>
                            </c:forEach>
                        </tr>
                        ${message}
                        </tbody></table>

                    </div>
                </div>
            </div>

        </div>
    </div>
<!--底部页面-->
<div class="footer">
    <div class="footer-box clear_float">
        <div class="footer-left">
            <p><a href="" >关于小橘</a>
                |<a href="" >移动客户端</a>
                |<a href="" >帮助中心</a>
                |<a href="" >建议专区</a>
                |<a href="" >联系我们</a>
                |<a href="" >友情链接</a>
                | &nbsp;投诉通道：400-821-1608 &nbsp;
            </p>
            <p>
                Copyright © 2007 - 2021 苏州小橘信息技术服务有限公司
                <a href="" >ICP证：沪B2-20140130</a>
            </p>
        </div>
        <div class="footer-right">
            <a href="">
                <img src="../images/footer_right_first.png" alt="../images/footer_right_first.png">
            </a>
            <a href="">
                <img src="../images/footer_right_second.png" alt="../images/footer_right_second.png">
            </a>
            <a href="">
                <img src="../images/footer_right_third.png" alt="../images/footer_right_third.png">
            </a>
            <a href="">
                <img src="../images/footer_right_forth.png" alt="../images/footer_right_forth.png">
            </a>
        </div>
    </div>
</div>

</body>
</html>
